<%@page import="model.TphotoInfo"%>
<%@page import="business.factory.DAOFactory"%>
<%@page import="business.dao.PhotoDAO"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>高校人才资源管理平台</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/swiper.min.css">

</head>

<body>
	
    <div class="global_toolbar">
        <div class="toolbar_btn center" style="top: 50%; margin-top: -150px;">
            <a href="#" id="needtohelp_0_GetPricing" class="bar_forum bar_project_consulting">
                <samp>
                    <i class="iconi layui-icon layui-icon-help" style="font-size: 30px; color: #fff;"></i>
                </samp>
                <em>
                    <i>问题咨询</i>
                </em>
            </a>
            <a id="needtohelp_0_shoppingCart" class="bar_cart " data-id="global_toolbar">
                <samp>
                    <i class="iconi layui-icon layui-icon-search" style="font-size: 30px; color: #fff;"></i>
                </samp>
                <em>
                    <i>分类查看</i>
                </em>
            </a>
            <a href="#" id="needtohelp_0_forum" class="bar_forum">
                <samp>
                    <i class="iconi layui-icon layui-icon-share" style="font-size: 30px; color: #fff;"></i>
                </samp>
                <em>
                    <i>内容分享</i>
                </em>
            </a>
            <a href="#" id="needtohelp_0_contactus" class="bar_contact bar_forum" data-id="contact_column">
                <samp>
                    <i class="iconi layui-icon layui-icon-top" style="font-size: 30px; color: #fff;"></i>
                </samp>
                <em>
                    <i>回到顶部</i>
                </em>
            </a>
        </div>
        <div class="toolbar_content">
            <div class="css_column cart_column js_column" id="shop_cart">
                <h4>
                    分类<a href="javascript:void(0)" class="icon-close ">X</a>
                </h4>
                <ul class="rightnav layui-nav layui-nav-tree" lay-filter="test">
                    <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;">请选择您想查看的学校</a>
                        <dl class="layui-nav-child">
                            <dd><a href="main.action?search=">云南工商学院</a></dd>
                            <dd><a href="main.action?search=">昆明理工大学</a></dd>
                            <dd><a href="main.action?search=">贵阳工商学院</a></dd>
                            <dd><a href="main.action?search=">云南师范大学</a></dd>
                            <dd><a href="main.action?search=">云南农业大学</a></dd>
                            <dd><a href="main.action?search=">贵阳工商学院</a></dd>
                            
                        </dl>
                    </li>
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="javascript:;">请选择您想查看的专业</a>
                        <dl class="layui-nav-child">
                            <dd><a href="main.action?search=">计算机科学与技术</a></dd>
                            <dd><a href="main.action?search=">土木工程</a></dd>
                            <dd><a href="main.action?search=">会计</a></dd>
                            <dd><a href="main.action?search=">护理</a></dd>
                            <dd><a href="main.action?search=">建筑工程</a></dd>
                            <dd><a href="main.action?search=">空乘</a></dd>
                            <dd><a href="seach.action">跳转</a></dd>
                        </dl>
                    </li>

                </ul>
            </div>
        </div>
    </div>

    <ul class="layui-nav" lay-filter="">
        <!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->

        <a href="javascript:;"><img src="img/logo.png" class="logo layui-col-md12"></a>

        <li class="layui-nav-item layui-col-md-offset5"><a href="">首页</a></li>
        <li class="layui-nav-item "><a href="news.action">新闻资讯</a></li>
        <li class="layui-nav-item"><a href="seach.action">分类查看</a></li>
        <li class="layui-nav-item"><a href="article.action">学生论文</a></li>
        <li class="layui-nav-item layui-col-md-offset1">
            <a href="personalbaseinfo.action?userid=${loginuser.userid }"><img src="../upload1/${loginuser.photopath}" class="layui-nav-img">个人中心</a>
            <dl class="layui-nav-child">
                <dd><a href="personalbaseinfo.action?userid=${loginuser.userid }">修改信息</a></dd>
                <dd><a href="javascript:;">安全管理</a></dd>
                <dd><a href="logout.action">退出登录</a></dd>
            </dl>
        </li>
    </ul>
    <div class="layui-fluid">
        <div class="layui-row2">

            <div class="lunbo layui-col-md12 layui-col-lg12">
                <div class="lunb layui-carousel" id="test1">
                    <div carousel-item>
                        <img src="img/inner_pic02.jpg">
                        <img src="img/inner_pic02.jpg">
                        <img src="img/inner_pic02.jpg">
                    </div>
                </div>
            </div>
            <!-- /年度总结 -->
            <div class="layui-col-md6 layui-col-lg6 layui-col-md-offset3">
                <div class="declare">
                    <p class="qianyan">过去的一年里，我们</p>
                    <p class="qianyanen">In the past year...</p>

                    <div class="manage layui-col-md3 layui-col-lg3 layui-col-sm3 layui-col-xs3">
                        <img src="img/jiuy.png" class="zongjie">

                        <li class="rollinfo"> <span class="timer">130</span>+ </li>
                        <p class="info">所获奖项</p>
                    </div>
                    <div class="manage layui-col-md3 layui-col-lg3  layui-col-sm3 layui-col-xs3">
                        <img src="img/biy.png" class="zongjie">

                        <li class="rollinfo"> <span class="timer">32200</span>+ </li>
                        <p class="info">毕业人数</p>
                    </div>


                    <div class="manage layui-col-md3 layui-col-lg3  layui-col-sm3 layui-col-xs3">
                        <img src="img/by.png" class="zongjie">

                        <li class="rollinfo"> <span class="timer">23000</span>+ </li>
                        <p class="info">就业人数</p>
                    </div>
                    <div class="manage layui-col-md3 layui-col-lg3  layui-col-sm3 layui-col-xs3">
                        <img src="img/biy.png" class="zongjie">

                        <li class="rollinfo"> <span class="timer">79</span>% </li>
                        <p class="info">就业对口率</p>
                    </div>

                </div>
            </div>
            <!-- /新闻资讯 -->
            <div class="layui-container">
                <div class="layui-col-md12 layui-col-lg12">
                    <div class="news">
                        <div class="contenttitle">
                            <p>新闻中心 / <span class="twotitle"><b>N</b>ews</span></p>
                        </div>
                    </div>
                    <div class="lunbo2 layui-col-md6 layui-col-lg6">
                        <div class="lunb2 layui-carousel" id="test2">
                            <div carousel-item class="newslunbo">
                                <c:forEach items="${newslist }" var="obj" begin="0" end="5">
                                    <a href="newscontent.action?newsid=${obj.newsid }"><img src="../upload1/${obj.photopath}"></a>

                                </c:forEach>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6 layui-col-lg6">
                        <ul class="timeline">

                            <c:forEach items="${newslist }" var="obj" begin="0" end="7">
                                <li class="layui-timeline-item">
                                    <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                    <div class="layui-timeline-content layui-text">

                                        <a href="newscontent.action?newsid=${obj.newsid }" style="display:flex">
                                            <p class="timelineblock">${obj.newstitle}</p><span class="newsdata">${obj.newstime}</span>
                                        </a>
                                    </div>
                                </li>
                            </c:forEach>

                        </ul>
                    </div>

                </div>

            </div>
            <!-- /优秀文章 -->
        <div class="layui-col-md12 layui-col-lg12">
            <div class="bigbox1">
                <div class="contenttitle">
                    <p>文章推荐 / <span class="twotitle"><b>A</b>article recommended</span></p>
                </div>
                <div class="layui-container">
                    <div class="articleyh layui-col-md1 layui-col-lg1">
                        <p class="yinhao">"</p>
                    </div>
                    <div class="swiper-container layui-col-md10 layui-col-lg10 layui-col-sm10 layui-col-xs10">
                        <div class="swiper-wrapper">

                            <c:forEach items="${artlist }" var="obj" begin="0" end="2">
                                <div class="swiper-slide">
                                    <a href="atriclecontent.action?artsid=${obj.artsid }"><p class="artContent">
                                        ${obj.artcontant}
                                    </p></a>
                                    <a href="personalbaseinfo.action?userid=${obj.userid }">
                                    <div class="article layui-col-md1 layui-col-lg1 layui-col-sm1 layui-col-xs1">
                                        <p class="artAuthor_photo"><img src="../upload1/${obj.photopath}"></p>
                                    </div>
                                    <div class="article layui-col-md2 layui-col-lg2">
                                        <p class="artAuthor"><a>${obj.stuname}</a></p>
                                        <hr>
                                        <p class="">${obj.classname}</p>
                                    </div>
									</a>
                                </div>

                            </c:forEach>

                        </div>
                    </div>
                    <div class="article_btn layui-col-md1 layui-col-lg1">
                        <div class=" swiper-button-prev"></div>
                        <div class=" swiper-button-next"></div>
                    </div>
                </div>
            </div>
        </div>
             <!-- /作品展示 -->
        <div class="layui-container">
            <div class="layui-col-md12 layui-col-lg12">
                <div class="works">
                    <div class="contenttitle">
                        <p>学生作品展示 / <span class="twotitle"><b>W</b>orks show</span></p>
                    </div>
                </div>
                <c:forEach items="${listwork }" var="obj" begin="0" end="2" varStatus="xh">
                    <c:if test="${xh.index %2 ==0 }">
                        <div class="workitem layui-row">
                            <div class="worksbox layui-col-md5 layui-col-lg5">
                            	<a href="productcontent.action?worksid=${obj.worksid }">
	                                <p class="itemtitle">${obj.worksname}<a class="worksanthor">${obj.classname} |
	                                        <span>${obj.stuname}</span></a></p>
	                                <p class="miaoshu">${obj.worksummary}</p>
                                </a>
                                <a href="product.action?userid=${obj.userid}">
	                                <button class="more">了解更多 >></button>
                                </a>
                            </div>
                            <div class="worksPhoto layui-col-md6 layui-col-lg6 layui-col-md-offset1">


                                <a  href="productcontent.action?worksid=${obj.worksid }"><img src="../upload1/${obj.photopath}"></a>
                            </div>
                        </div>

                    </c:if>
                    <c:if test="${xh.index %2 !=0 }">
                        <div class="workitem layui-row">
                            <div class="worksPhoto layui-col-md5 layui-col-lg5">
                                <a  href="productcontent.action?worksid=${obj.worksid }"><img src="../upload1/${obj.photopath}"></a>
                            </div>
                            <div class="worksbox layui-col-md6 layui-col-lg6 layui-col-md-offset1">
                            	<a href="productcontent.action?worksid=${obj.worksid }">
	                                <p class="itemtitle">${obj.worksname}<a class="worksanthor">${obj.classname} |
	                                        <span>${obj.stuname}</span></a></p>
	                                <p class="miaoshu">${obj.worksummary}</p>
                                </a>
                                <a href="product.action?userid=${obj.userid}">
                                <button class="more">了解更多 >></button>
                                </a>
                            </div>

                        </div>



                    </c:if>
                </c:forEach>
            </div>

        </div>
            <!-- /推荐学生 -->
            <div class="bigbox layui-col-md12 layui-col-lg12">
                <div class="contenttitle">
                    <p>明星学生 / <span class="twotitle"><b>S</b>tar pupil</span></p>
                </div>
                <div class="layui-container">
                    <c:forEach items="${liststu }" var="obj" begin="0" end="3">
                        <div class="studentsbox layui-col-md3 layui-col-lg3  layui-col-sm3 layui-col-xs3">
                            <div class="studentbox">
                                <a href="personalbaseinfo.action?userid=${obj.userid}"><img src="../upload1/${obj.photopath}" class=""></a>

                            </div>
                            <div class="stuinfo">
                                <p><a href="personalbaseinfo.action?userid=${obj.userid}">${obj.stuname}</a></p><span class="stuMajor">${obj.classname}</span>
                                <p class="honor">${obj.signed}</p>
                            </div>

                        </div>
                    </c:forEach>
                </div>
            </div>
        </div>

       
        
        <!-- 已毕业学生 -->
        <div class="layui-container">

            <div class="works">

                <div class="layui-col-md12 layui-col-lg12">
                    <div class="contenttitle">
                        <p>已毕业学生 / <span class="twotitle"><b>S</b>tudent show</span></p>
                    </div>
                </div>
                <div class="layui-col-md12 layui-col-lg12">
                    <div class="other">
                        <button class="replace layui-btn layui-btn-warm">换一批 &nbsp;<i
                                class="layui-icon layui-icon-refresh-1"></i> </button>
                    </div>
                </div>

                <div class="photowall">
                    <div class="layui-col-space30">
                    
                     <c:forEach items="${liststatus }" var="obj" begin="0" end="5">
                    
                        <div class="card layui-col-md2 layui-col-lg2 layui-col-sm2 layui-col-xs2">
                            <header class="card__thumb">
                                <a href="personalbaseinfo.action?userid=${obj.userid}"><img src="../upload1/${obj.photopath}" /></a>
                            </header>


                            <div class="card__body">
                                <div class="card__category"><a href="#">${obj.stuname}</a></div>
                                <div class="card__subtitle">${obj.statuscontant}</div>
                                <div class="card__description">
                                    <p><span class="graduate_cla">${obj.classname}</span></p>

                                    <p class="graduate_company">公司：${obj.statustitle}</p>
                                    <p>目前月薪：${obj.moneys}k</p>
                                </div>
                            </div>

                        </div>
                  
                    </c:forEach>
                    </div>
                </div>
            </div>

        </div>
        
    <!-- 导入网页页脚---start -->
	<%@ include file="foot.jsp" %>
	<!-- 导入网页页脚---end -->
	
    </div>
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="layui/layui.js"></script>
    <script type="text/javascript" src="js/rightbar.js"></script>

    <script>
        layui.use('element', function () {
            var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块

            //监听导航点击
            element.on('nav(demo)', function (elem) {
                //console.log(elem)
                layer.msg(elem.text());
            });
        });
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test1',
                width: '100%' //设置容器宽度
                    ,
                height: '400px',
                arrow: 'always' //始终显示箭头
                //,anim: 'updown' //切换动画方式
            });
        });
        layui.use('carousel', function () {
            var carousel = layui.carousel;
            //建造实例
            carousel.render({
                elem: '#test2',
                width: '100%' //设置容器宽度
                    ,
                height: '310px'
            });
        });
    </script>

    <script type="text/javascript" src="js/scollnum.js"></script>
    <script src="js/swiper.min.js"></script>
    <script>
        var mySwiper = new Swiper('.swiper-container', {
            direction: 'horizontal',
            loop: true,
            effect: 'flip',
            flipEffect: {
                slideShadows: true,
                limitRotation: true,
            },

            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        })
    </script>
</body>

</html>
